<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // ES5 的对象属性名都是字符串，这容易造成属性名的冲突。比如，你使用了一个他人提供的对象，但又想为这个对象添加新的方法（mixin 模式），新方法的名字就有可能与现有方法产生冲突。如果有一种机制，保证每个属性的名字都是独一无二的就好了，这样就从根本上防止属性名的冲突。这就是 ES6 引入Symbol的原因。

    // ES6 引入了一种新的原始数据类型Symbol，表示独一无二的值。它属于 JavaScript 语言的原生数据类型之一，其他数据类型是：undefined、null、布尔值（Boolean）、字符串（String）、数值（Number）、大整数（BigInt）、对象（Object）。

    // 如何创建Symbol类型的数据?
    // Symbol 值通过Symbol()函数生成。这就是说，对象的属性名现在可以有两种类型，一种是原来就有的字符串，另一种就是新增的 Symbol 类型。凡是属性名属于 Symbol 类型，就都是独一无二的，可以保证不会与其他属性名产生冲突。
    // let s = Symbol();
    // console.log(s);
    // console.log(typeof s);  // "symbol"

    // ES6 引入了一种新的原始数据类型Symbol，表示独一无二的值
    // var a = Symbol();
    // var b = Symbol();
    // console.log(a, b);
    // console.log(a == b);

    // console.log(a.toString(), b.toString());  //Symbol转字符串
    // console.log(a.toString() == b.toString());

    // Symbol()函数可以接受一个字符串作为参数，表示对 Symbol 实例的描述。这主要是为了在控制台显示，或者转为字符串时，比较容易区分。

    var a = Symbol("a");
    var b = Symbol("b");
    console.log(a, b);
    console.log(a == b);

    console.log(a.toString(), b.toString());

    // 如果向获取Symbol实例的描述    => 返回对应的描述字符串
    console.log(a.description); // "a"
    console.log(b.description); // "b"





</script>

</html>